.link_nav{
	/*这条属性是在首页中不显示“全部商品分类”的时候使用的,在其他页的导航中要用到*/
	visibility: hidden;
}
/*导航效果中全部商品分类选项卡的背景色*/
.varity_hide_ul{
	background: #333;
    background: rgba(0,0,0,0.6);
}
/*从导航过渡显示选项卡功能*/
.varity_hide{
	display: block;
}
/*banner及背景色图展示开始*/
.body_center{
	position: relative;
	margin: 0 auto;
	z-index: 10;
	width: 1226px;
}
/*banner部分*/
.slider_content{
	position: relative;
	margin-bottom: 26px;
	height: 460px;
    overflow: hidden;
}
/*图*/
.slider_view{
    position: relative;
	width: 100%;
    overflow: hidden;
    height: 460px;
    /*display: none;*/
}
.view_tu{
	position: absolute;
    width: 1226px;
}
.view_tu a{
	display: block;
}
.view_tu img{
	display: block;
	width: 1226px;
    height: 460px;
}
/*图的控制*/
.slider_page{
	position: absolute;
	z-index: 100;
	display: block;
    left: auto;
    right: 30px;
    bottom: 20px;
    width: 400px;
    text-align: right;
    font-size: 12px;
    color: #666;
}

.slider_page_dian{
	display: inline-block;
}
.slider_page a{
	display: block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    border: 2px solid #fff;
    border-color: rgba(255,255,255,0.3);
    border-radius: 10px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all .2s;
    transition: all .2s;
}
.slider_page_dian:hover a{
	background: #f5f5f5;
	border-color: rgba(0,0,0,0.3);
}
.slider_page_list a{
	background: #f5f5f5;
	border-color: rgba(0,0,0,0.3);
}
/*控制方向*/
.slider_direction a{
	position: absolute;
    top: 50%;
    z-index: 999;
    width: 41px;
    height: 69px;
    margin-top: -35px;
    text-indent: -9999px;
    overflow: hidden;
    outline: 0;
}
.slider_up{
	left: 234px;
	background: url(../../img/index/icon-slides.png) no-repeat -84px 50%;
}
.slider_up:hover{
	background: url(../../img/index/icon-slides.png) no-repeat -1px 50%;
}
.slider_down{
	    right: 0;
    background: url(../../img/index/icon-slides.png) no-repeat -125px 50%;
}
.slider_down:hover{
	background: url(../../img/index/icon-slides.png) no-repeat -41px 50%;
}

/*背景色图部分*/
.content_back{
	margin-top: -5px;
}
.back_span{
	width: 1226px;
	margin: 0 auto;
}
.back-list:after{
	content: "";
	display: block;
	clear:both ;
}
.back-list{
	padding: 0;
	margin: 0;
}
.back-list li{
	float: left;
    width: 295.25px;
    height: 170px;
    margin-left: 15px;
    transition: box-shadow .2s linear;
}
.back-list li:nth-child(1){
	margin-left: 0;
}
.back-list a{
	display: block;
    height: 170px;
}
.back-list img{
	width: 291px;
    height: 170px;
}
/*热卖开始*/
.hot_buy .hot_huy_title{
	position: relative;
    height: 58px;
    margin-top: 20px;
}
.hot_title{
	font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
.hot_more{
	position: absolute;
    top: 24px;
    right: 0;
}
.hot_left:hover,.hot_right:hover{
	border: 1px solid #FF6700;
}
.hot_control{
	width: 24px;
    height: 16px;
    padding: 3px 5px;
    border: 1px solid #e0e0e0;
    line-height: 16px;
    display: inline-block;
    text-align: center;
    color: #b0b0b0;
    -webkit-transition: color .5s;
    transition: color .5s;
    margin-left: -1px;
}
.hot_control img{
	width: 16px;
    height: 16px;
}
/*热卖内容部分*/
.hot_buy .hot_buy_body{
	position: relative;
    width: 1226px;
    overflow: hidden;
    padding-bottom: 40px;
}
.goods_list{
	height: 340px;
    overflow: hidden;
    width: 1240px;
    margin: 0;
    padding: 0;
}
.hot_list_show{
	width: 2452px;
    transition: margin-left 0.5s ease;
    padding: 0;
    margin: 0;
    margin-left: 0px;
}
.hot_list_show{
	content: "";
	clear: both;
	display: block;
}
.hot_list_show li{
	position: relative;
    background: #fff;
    height: 300px;
    padding-top: 39px;
    text-align: center;
    -webkit-transition: all .6s;
    transition: all .6s;
    float: left;
    width: 234px;
    margin-right: 14px;
}
.hot_list_show li:nth-child(5),.hot_list_show li:nth-child(10){
	margin-right: 0px;
}
/*添加图片色,增加视觉差*/
.hot_bg{
	background: rgba(0,0,0,0.02);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.hot_thumb{
	display: block;
    width: 160px;
    margin: 0 auto 22px;
}
.hot_content img{
	width: 160px;
    height: 160px;
    border: 0;
    transition: all 0.2s ease;
}
/*当鼠标覆盖,有过渡效果*/
.list_show:hover .hot_thumb img{
	box-shadow:3px 5px 5px rgba(255,103,0,.5);
}
.hot_thumb_title{
	margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #212121;
}
.hot_desc{
	height: 18px;
    margin: 0 20px 12px;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #b0b0b0;
}
/*价格*/
.hot_price{
	margin: 0;
    color: #ff6709;
}
.hot_price del{
	color: #b0b0b0;
}
/*第一个长条图开始*/
.cut_one{
	margin: 2px 0 42px;
    overflow: hidden;
    height: 120px;
}
.cut_one img{
	width: 1226px;
}

/*上新、长条图、推荐开始*/
.page-main{
	padding-top: 10px;
	background: #F5F5F5;
	padding-bottom: 60px;
}
.page_content{
	margin: 10px auto 0;
	width: 1226px;
}
/*上新开始*/
.page_box{
	height: 686px;
	margin-bottom: 8px;
}
.new_title{
	position: relative;
	margin-bottom: 10px;
    height: 50px;
}
.new_title h2{
	margin: 0;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
.new_more{
	position: absolute;
	top: 0;
	right: 0;
}
.new_more_ul{
	margin: 0;
    padding: 16px 0 0;
    list-style-type: none;
    font-size: 16px;
}
.new_more_ul li{
	margin: 0 0 0 30px;
	display: inline-block;
    padding: 0;
    border-bottom: 2px solid transparent;
    transition: border-color .5s;
    cursor: pointer;
    color: #424242;
}
/*鼠标覆盖效果*/
.new_more_ul .new_active{
	color: #ff6700;
    border-bottom: 2px solid #ff6700;
}
/*上新图内容*/
.new_span{
	width: 1226px;
}
.new_span_content .span_content_list{
	position: absolute;
	width: 1226px;
	height: 614px;
	padding: 0;
	display: none;
}
.new_span_content .span_content_show{
	display: block;
}
.new_span_item{
	position: relative;
    z-index: 1;
    float: left;
    width: 234px;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
	height: 246px;
    padding: 34px 0 20px;
}
.span_content_list li:nth-child(1),
.span_content_list li:nth-child(6){
	margin-left: 0;
}
.span_figure{
	width: 150px;
    height: 150px;
    margin: 0 auto 18px;
    overflow: hidden;
    
}
.span_figure a{
	display: block;
}
.span_figure img{
	position: relative;
	width: 150px;
	height: 150px;
	transition:all 0.2s linear;
}
/*图片缩放部分*/
.new_span_item:hover .span_figure img{
	transform: scale(2);
}
/*产品介绍小标题*/
.new_span_item .span_title{
	margin: 0 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #333;
}
.new_span_item .span_title a{
	display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.new_span_item .new_desc{
	margin: 0 10px 10px;
    height: 18px;
    font-size: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #b0b0b0;
}
.new_span_item .new_price{
	margin: 0 10px 10px;
    text-align: center;
    color: #ff6700;
}
.new_span_item .new_price del{
	color: #B0B0B0;
}
/*热推词*/
.flag_all{
	position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    width: 64px;
    height: 20px;
    margin-left: -32px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    color: #fff;
}
.new_span_item .new_flag{
	background-color: #83c44e;
    z-index: 5;
}
.new_span_item .jian_flag{
	background-color: #FF6700;
    z-index: 5;
}
/*第二个长条图*/
.cut_two{
	margin: 28px 0 22px;
	height: 120px;
	overflow: hidden;
}
.cut_two img{
	width: 1226px;
}
/*推荐开始*/
.push_title{
	position: relative;
    height: 58px;
}
.push_title h2{
	margin: 0;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
.page_push .push_body{
	margin: 0 auto;
	width: 1226px;
}
.page_push .push_content{
	position: relative;
    width: 1226px;
    height: 686px;
    overflow: hidden;
}
.push_content_ul{
    margin-left: 0px;
    transition: margin-left 0.5s ease;
    padding: 0;
}
.push_body .push_content_li{
	height: 246px;
    padding: 34px 0 20px;
    position: relative;
    z-index: 1;
    float: left;
    width: 234px;
    margin-left: 14px;
    margin-bottom: 14px;
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.push_body .push_content_li:nth-child(1),
.push_body .push_content_li:nth-child(6){
	margin-left: 0;
}
.push_body .push_figure a{
	display: block;
}
.push_figure{
	width: 150px;
    height: 150px;
    margin: 0 auto 18px;
}
.push_figure img{
	width: 150px;
    height: 150px;
}
.push_content_title{
	color: #333;
	margin: 0 10px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.push_price{
	margin: 0 10px 10px;
    text-align: center;
    color: #ff6700;
}
.push_content .push_rank{
	margin: 0 10px;
    font-size: 12px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #b0b0b0;
}
.push_content .new_flag{
	background-color: #83c44e;
    z-index: 5;
}
/*上滑内容部分*/
.push_body .review_wrapper{
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
    width: 234px;
    height: 0;
    overflow: hidden;
    font-size: 12px;
    background: #ff6700;
    opacity: 0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}
.push_content .push_content_li:hover{
	z-index: 2;
}
/*当鼠标覆盖推荐商品时添加此类,添加样式*/
.content_active{
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	transform: translate3d(0,-2px,0);
	/*translate3d(x,y,z)只是规定3D转换的一种形式，此函数用来规定指定元素在三维空间中的位移。*/
}
.content_active .review_wrapper{
	height: 76px;
	opacity: 1;
}
.review_wrapper a{
	display: block;
    padding: 8px 30px;
    outline: 0;
}
.review_span{
	display: block;
	margin-bottom: 5px;
    color: #fff;
}
/*评价者*/
.review_wrapper .review_author{
	display: block;
	color: rgba(255,255,255,0.6);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

